草庐IT

html - :hover not working

全部标签

html - Wrapper 内部或外部 HTML5 语义主要,哪个是最佳实践?

有谁知道哪些是最佳实践?A:main内的布局包装器B:在main之外的布局包装器我知道为HTML5语义设置样式是不好的做法,因此我设置了div元素来包装页面内容的布局,但我不确定关于放置位置的最佳做法是什么关于HTML5语义main的包装器,或者它是否重要。SEO是我最关心的问题。包装器仅用于内容,footer和header在包装器之外。CSS:#wrapper{box-sizing:border-box;width:1200px;min-height:100%;height:auto;padding:100px0200px0;margin:0auto;}HTMLA:HTMLB:

Angularjs SEO : is making html snapshots required anymore?

Google宣布“时代变了。今天,只要您不阻止Googlebot抓取您的JavaScript或CSS文件,我们通常能够像现代浏览器一样呈现和理解您的网页”,这是否意味着甚至如果我们不在服务器上生成html快照并提供给Googlebot,它会抓取我们使用angularjs开发的网站。 最佳答案 Google确实不再需要它了。但其他服务可能会使用它。请参阅:https://webmasters.stackexchange.com/questions/86262/should-we-drop-ajax-crawling-scheme

html - 我可以在项目包装器级别而不是项目标签指定 Schema.org 属性吗?

我正在努力将Schema.org项目添加到Drupal站点。正如某些人可能已经知道的那样,为单个字段修改呈现的HTML可能会很痛苦。在这种情况下,我正在处理产品详细信息页面。特别是将itemprop="name"属性添加到产品标题字段。这只是我正在处理的一个简单的节点内容类型。所以我修改了这个项目内容类型的节点模板。这导致以下HTML结构:VeryImportantProductdiv元素中的所有内容都来自对模板中的标题字段调用render()。到目前为止,我在修改嵌套的h1标签方面运气不佳。但我并没有尝试太多,因为我将不得不对其他字段执行此操作,并且想知道我是否可以指定HTML树上层

html - 如何使用带有隐藏 block 的微数据?

情况:一些divblock被隐藏在特定的显示分辨率下。例如,有两个block有一个价格。当显示高度较小时,其中之一显示在产品图片上方,反之亦然。问题:如果有多个内容相同的block,其中一个显示,另一个隐藏,如何实现微数据?Google和Schema.org说itisnotwelcomed隐藏标记的内容。P.S.这种行为是通过cssmediamax-width等实现的,没有JS。 最佳答案 微数据解析器不关心HTML元素是否在视觉上被隐藏;他们忽略任何CSS。特定的消费者(如搜索引擎)可能会决定以不同的方式处理来自视觉上隐藏的HTM

html - 具有少量动态 HTML 文件和许多可能 URL 的站点的站点地图

我的第一个Web开发项目即将结束,我希望为我们的网站构建一个站点地图,作为搜索引擎优化的一部分。如果我理解正确,站点地图是一个文件,它显示我网站所有公共(public)页面的内容树(类似于Windows资源管理器中的路径)。为了回答我的问题,您需要了解有关网站及其运作方式的一些背景信息。该站点是关于鸟类迁徙的,用户在包含搜索框的主页上输入该站点,他或她能够搜索一种鸟类,如果我们有关于它的数据,则用户能够转到一个单独的页面关于这只鸟的信息。用户可以从那里访问有关该物种的统计数据。该页面将如下所示,其中填充了我们从数据库中获取的内容。信息页面的URL类似于http://domain.com

html - 多个 rel 属性

如果遇到具有两个不同rel属性的链接,Google会如何处理?hello我正在尝试清除用户插入到数据库中的内容。我需要阻止用户为搜索引擎创建如下链接,但我不会为内部链接这样做,所以我不能在标题中使用meta来阻止所有链接。因此,如果用户手动添加了rel属性,我将获得带有两个rel的新链接,如上例所示。我用thismethod制作我的正则表达式。 最佳答案 您不能拥有多个rel属性插入到一个元素中,但您可以将多个参数插入到单个rel属性值中-只需用空格分隔它们:有效:hello无效:hello我想你在找什么:GoogleBotdoes

html - HTML5 和 WAI-ARIA 中是否有语义方式来描述 "Toggleable Help Content"?

我试图找到语义上正确的方式来描述代表获取帮助(例如帮助图标)及其帮助内容的方式的HTML元素。我试图搜索此主题,但在帮助中搜索帮助并非易事。这是我的想法的一个简单示例(使用一个简单的脚本来显示/隐藏帮助内容以及利用“title”属性):PleaseenteryourpasswordYourpasswordmusthave5characters.有没有更好的方式来表示这个(以这种格式)。这个想法是用一种可访问且SEO友好的方式来描述“可切换的帮助内容”。问题是关于HTML/HTML5和WAI-ARIA属性(不是JavaScript)——我正在寻找我的示例的最佳元素表示(如果这样的概念存在

javascript - 如何在另一个页面中包含一个 html 页面并使其内容可抓取

我需要在另一个html页面中包含一个html页面,并且我希望包含页面(page2.html)的内容被google索引。我知道iframe不是解决方案,但搜索引擎如何处理html对象:document.getElementById("content").innerHTML='';对比jQuery:$(function(){$("#content").load("page2.html");});//对于html:?或者还有其他更好的解决方案吗?提前致谢。 最佳答案 如果您使用javascript/jquery,则无法100%保证内容会被

html - 我应该从我的 sitemap.xml 中排除我的 'noindex, nofollow, noarchive' 页面吗?

我的网站上有一些我用排除的合法页面.主要目标是这些页面不会出现在搜索引擎中。我是否需要将它从我的sitemap.xml中排除,或者元标记是否足够。如果不是,为什么我需要包含它? 最佳答案 搜索引擎使用站点地图来发现您的内容,因此添加您不希望被编入索引的内容并不是很有用。Thisdocumentationpage概述站点地图何时有用:AsitemapisafilewhereyoucanlistthewebpagesofyoursitetotellGoogleandothersearchenginesabouttheorganizati

html - 在 ASP.NET Core 上将图像转换为 WebP

大家。我在我的页面(https://www.indievisible.net)上运行LighthousePageSpeed,它说我应该以下一代格式提供图像,但我找不到一个好的库来为ASP.NETCore做到这一点。我现在得到的只是导入Magick.NET并使用基本的优化,到目前为止没有任何好处:ImageOptimizeroptimizer=newImageOptimizer();optimizer.LosslessCompress(ms);有人知道用Lighthouse解决这个问题的好方法吗?也许使用响应式图像而不是下一代格式?谢谢大家! 最佳答案